<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<title>运动-跑步</title>
	</head>
	<body>
		<!-- 运动首页-跑步 -->
		<div class="app-movement">
			<!-- 占位元素 -->
			<section class="hold"></section>
			<div class="content pt10">
				<span class="mlr15">目前累计跑步距离：</span>
				<!-- 跑步距离 -->
				<p class="ptb10 mlr15"><span class="run-distance">999.99</span>公里</p>
				<div class="content-map">
					<div id="map" class="locaMap"></div>
					<div class="runBtns dpflex">
						<span class="btn active">户外跑</span>
						<span class="btn">燃脂跑</span>
						<span class="btn">跑步机</span>
					</div>
					<!-- go 按钮 -->
					<button class="goBtn" type="button">GO</button>
					<!-- 设置目标按钮 -->
					<div class="setBtns dpflex">
						<!-- 设置字体图标 -->
						<span class="setBtn iconfont icon-shezhi"></span>
						<!-- 目标按钮 -->
						<span class="goalBtn"
							>设置目标<span class="iconfont icon-jiantou"></span></span
						><!-- 箭头字体图标 -->
						<!-- 音乐字体图标 -->
						<span class="musicBtn iconfont icon-yinle1"></span>
					</div>
				</div>
				<!-- 路径 -->
				<div class="path ptb20 mlr15">
					<h3 class="mb8">跑步路线</h3>
					<span> 使用跑步路线，邂逅附近的同行者 </span>
					<!-- 箭头字体图标 -->
					<span class="arrows iconfont icon-jiantou"></span>
				</div>
			</div>
		</div>
	</body>
</html>
